<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/footer.css">
    <style>

    </style>
</head>
<body>
    <div class="nav-top">
        <div class="nav-left">
            <ul>
                <li>&nbsp;</li>
                <li><a href="#">新闻</a></li>
                <li><a href="#">hao123</a></li>
                <li><a href="#">地图</a></li>
                <li><a href="#">视频</a></li>
                <li><a href="#">贴吧</a></li>
                <li><a href="#">学术</a></li>
                <li><a href="#">更多</a></li>
            </ul>
        </div>
        <div class="nav-right">
            <ul>
                <li>&nbsp;</li>
                <li><button class="btn-denglu">登陆</button></li>
                <li><a href="#">设置</a></li> 
           
            </ul>
        </div>
    </div>
    <div class="content">
        <img class="img-baidu" src="images/baidu.png" alt="">
        <div class="search">
            <input class="input" type="text" >
            <button class="btn-baidu">百度一下</button>
            <img class="img-carema" src="images/camera.png" alt="">
        </div>
        <div class="content-list">
            <div class="list-left">
                <ul>
                    <li><a class="baidurebang" href="http://top.baidu.com/?fr=mhd_card">
                        百度热榜</a></li>
                    <li><span><img class="number" src="images/number1.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%A4%96%E4%BA%A4%E9%83%A8%E5%9B%9E%E5%BA%94%E8%8F%85%E4%B9%89%E4%BC%9F%E5%BD%93%E9%80%89%E6%97%A5%E6%9C%AC%E9%A6%96%E7%9B%B8&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        外交部回应菅义伟当选日本首相</a>
                        <span><img class="number" src="images/hot.png" alt=""></span>
                    </li>
                    <li><span><img class="number" src="images/number2.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E9%BB%84%E9%B8%BF%E5%8D%87%E5%8E%BB%E4%B8%96&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        瑞丽已完成核酸检测全部为阴性</a></li>
                    <li><span><img class="number" src="images/number3.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%BC%A0%E8%8B%A5%E6%98%80%E5%90%83%E6%9C%88%E5%AD%90%E9%A4%90%E8%83%96%E4%BA%86%E5%8D%81%E6%96%A4&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        张若昀吃月子餐胖了十斤</a><span><img class="number" src="images/new.png" alt=""></span></li>
                </ul>
            </div>
            <div class="list-right">
                <ul>
                    <li><span class="span-shuaxin"><img class="number" src="images/shuaxin.png" alt=""></span>
                        <a class="huanyihuan" href="#">换一换</a>
                    </li>
                    <li><span><img class="number" src="images/number4.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E7%91%9E%E4%B8%BD%E5%B7%B2%E5%AE%8C%E6%88%90%E6%A0%B8%E9%85%B8%E6%A3%80%E6%B5%8B%E5%85%A8%E9%83%A8%E4%B8%BA%E9%98%B4%E6%80%A7&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        黄鸿升去世</a></li>
                    <li><span><img class="number" src="images/number5.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E5%B1%B1%E7%81%AB%E4%B8%AD%E7%BE%8E%E5%9B%BD%E6%B0%91%E4%BC%97%E8%B7%B3%E6%B9%96%E4%BF%9D%E5%91%BD&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        山火中美国民众跳湖保命</a></li>
                    <li><span><img class="number" src="images/number6.png" alt=""></span>
                        <a class="resou" href="https://www.baidu.com/s?cl=3&tn=baidutop10&fr=top1000&wd=%E8%80%81%E5%A5%B6%E5%A5%B6%E5%9D%90%E5%85%AC%E4%BA%A4%E5%AF%B9%E7%9D%80%E5%8F%B8%E6%9C%BA%E7%9A%84%E5%A4%B4%E6%89%AB%E7%A0%81&rsv_idx=2&rsv_dl=fyb_n_homepage&hisfilter=1">
                        老奶奶坐公交对着司机的头扫码</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-img">
            <img class="erweima" src="images/erweima.png" alt="">
        </div>
        
        <div class="footer-left">
            <ul>
                <li>&nbsp;</li>
                <li><a class="footer-font" href="#">设为首页</a></li>
                <li><a class="footer-font" href="#">关于百度</a></li>
                <li><a class="footer-font" href="#">About Baidu</a></li>
                <li><a class="footer-font" href="#">百度营销</a></li>
                <li><a class="footer-font" href="#">使用百度前必读</a></li>
                <li><a class="footer-font" href="#">意见反馈</a></li>
                <li><a class="footer-font" href="#">帮助中心</a></li>
            </ul>
        </div>
        <div class="footer-right">
            <ul>
                <li>&nbsp;</li>
                <li><a class="footer-font" href="#">京ICP证030173号</a></li>
                <li><a class="footer-font" href="#">京公网安备11000002000001号</a></li>
                <li><a class="footer-font" href="#">(京)-经营性-2017-0020</a></li>
                <li><a class="footer-font" href="#">©2020 Baidu </a></li>
            </ul>
        </div>
    </div>
</body>
</html>